<template>
    <div>
        <el-row :gutter="20" style="margin-bottom: 20px;">
        <el-col :span="8">
          <div class="grid-content bg-purple">
            <el-input type="text" placeholder="请输入内容" v-model="query"/>
            <el-button class="search" @click="doSearch"><i class="el-icon-search"></i></el-button>
          </div>
        </el-col>
        <el-col :span="6">
          <div class="grid-content bg-purple">
            <el-button type="primary" @click="showDialog =!showDialog;isEdit= false">添加用户</el-button>
          </div>
        </el-col>
      </el-row>
    </div>
</template>

<script>
export default {
  name: 'ShoppingSearch',

  data () {
    return {

    }
  },

  mounted () {

  },

  methods: {

  }
}
</script>

<style lang="less" scoped>
.bg-purple {
  position: relative;

  .search {
    position: absolute;
    top: 0;
    right: 0;
  }
}
</style>
